<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
	String username = (String)session.getAttribute("username");
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
	<meta http-equiv="X-UA-Compatible" content="IE=8" />
		<base href="<%=basePath%>">

		<title>网贝，车主的专属品</title>
		<link rel="shortcut icon" href="img/W.png">

		<!--<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		-->
		<script src="jquery/js/jquery-1.8.2.js"></script>
		<script src="jquery/js/jquery-ui-1.9.0.custom.min.js"></script>
		<link rel="stylesheet" href="jquery/css/ui-lightness/jquery-ui-1.9.0.custom.min.css" />

		<link rel="stylesheet" type="text/css"
			href="/webbei/js/bgjs/css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/custom.css" />
		<link rel="stylesheet" type="text/css" href="css/login.css" />


		<link rel="Stylesheet" type="text/css" href="inc/wColorPicker.css" />
		<script type="text/javascript" src="inc/wColorPicker.js"></script>
		<script type="text/javascript" src="js/login.js"></script>
		<script type="text/javascript" src="js/bgjs/js/script.js"></script>

		<link href="css/login.css" type="text/css" rel="stylesheet" />

		<style type="text/css">

html {
	overflow: auto;
}

body {
	padding: 10px;
}

img {
	border: 0;
}

a {
	color: #666;
}

#doc {
	width: 581px;
	margin: 0 auto;
}

.tkWrap {
	height: 480px;
	position: relative;
}

.tkBtn {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.tkAD {
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}

.tkBtn a {
	text-decoration: none;
	float: left;
	background-color: #eee;
	border-radius: 12px;
	padding: 2px 8px;
	margin-right: 5px;
}

.tkBtn a:hover,.tkBtn a.current {
	background-color: #fff;
	color: red;
}

.tkAD li {
	list-style: none;
	position: absolute;
}
</style>
		<script type="text/javascript">
function change(url){
location.href=url;
}
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3 w(a,b,c,v){2.x=l.y(a);2.5=2.x.M(\'N\');2.m=l.y(b);2.6=[];2.9=2.5.O;2.n=P;2.7=0;2.8=1;2.v=v||Q;2.z=c||R;2.A()}w.S={A:3(){2.B();2.h();2.C()},B:3(){4 a=\'\';o(4 i=1,e=2.9;i<=e;i++){4 b=(i==1)?\'T="D"\':\'\';a+=\'<a \'+b+\' U="">\'+i+\'</a>\'}2.m.V=a;2.6=2.m.W},C:3(){4 a=2;o(4 i=0,e=a.9;i<e;i++){a.5[i].E=(3(i){g 3(){a.p()}})(i);a.5[i].F=(3(i){g 3(){a.h()}})(i);a.6[i].E=(3(i){g 3(){a.p();a.8=(i==a.9)?0:(i+1);a.q(i);a.7=i}})(i);a.6[i].F=(3(i){g 3(){a.h()}})(i)}},G:3(){f(2.8==2.9)2.8=0;2.q(2.8);2.7=2.8;2.8++},q:3(a){f(2.7==a)g;2.6[2.7].r="";2.H(2.7);o(4 i=0,e=2.9;i<e;i++){f(i!=a&i!=2.7){2.6[i].r="";2.j(2.5[i],0)}}2.6[a].r="D";2.I(a)},H:3(a){4 b=2;4 c=X,k=b.5[a];4 d=s(3(){f(c<=0){u(d)}b.j(k,c);c-=10},b.v)},I:3(a){4 b=2;4 c=10,k=b.5[a];4 t=s(3(){f(c>=J){u(t)}b.j(k,c);c+=10},b.v)},j:3(a,b){f(l.Y.Z){a.K.11="12(L="+b+")"}13{a.K.L=b/J}},h:3(){4 a=2;a.n=s(3(){a.G()},a.z)},p:3(){u(2.n)}}',62,66,'||this|function|var|liArr|aArr|pid|cid|size|||||len|if|return|start||setOpacity|cli|document|bid|timer|for|stop|goto|className|setInterval||clearInterval||tkSwitchAD|ul|getElementById|delay|init|addBtnlist|handler|current|onmouseover|onmouseout|cycle|fadeOut|fadeIn|100|style|opacity|getElementsByTagName|li|length|null|30|3000|prototype|class|href|innerHTML|childNodes|90|documentElement|filters||filter|alpha|else'.split('|'),0,{}));</script>
<style>
img { border:0;}
a { color:#666;}
a:link {color: #333}
a:visited {color: #333}
a:hover {color:red}
a:active {color: #333}
#doc { width: 960px; margin:0 auto;}
.tkWrap {height: 480px;position:relative;}
.tkBtn {position: absolute;bottom:10px; right: 10px;}
.tkAD{margin:0; padding:0;position:relative; float: left;}
.tkBtn a{text-decoration:none; float: left;background-color:#eee; border-radius: 12px; padding:2px 8px; margin-right: 5px;}
.tkBtn a:hover,.tkBtn a.current {background-color:red; color:white;}
.tkAD li { list-style: none; position: absolute;}
</style>
	</head>

	<body
		style="text-align: center; width: 100%; margin: 0px;padding: 0px;">

		<jsp:include page="top.jsp"></jsp:include>
		<div id="doc" style="margin-top: 20px;">
			<div class="tkWrap">
				<ul id="tklisttt" class="tkAD">

					<c:forEach items="${adv}" var="adv" varStatus="vs">
					<li style='opacity: ${vs.index==0?1:0 }; filter: Alpha(Opacity = 100)'>
						<a href="${adv.imageAddress }" target="_blank"><img src="${adv.imageName }" alt="banenr title01"
								title="" width="960" height="480" />
						</a>
					</li>
					</c:forEach>

				</ul>
				<div id="tkBottunnn" class="tkBtn"></div>
			</div>
			<script type="text/javascript">
			var _tkADDD = new tkSwitchAD("tklisttt","tkBottunnn",5000,30);
			</script>
		</div>




		<div style="clear: both; width: 100%; margin-top: 20px;">
			<ul style="list-style-type: none; width: 1000px; margin: 0 auto;">
				<c:forEach items="${products}" var="product">
					<li style="float: left; width: 333px; text-align: center;">
						<div
							style="text-alien:center; overflow: hidden; width: 250px; background-repeat: no-repeat;background-image:url(${product.small });margin:10px;">
							<table style="margin: auto;">
								<tr height="200px">
									<td colspan="2">
										<a title="${product.name }"
											href="showProduct?productId=${product.id }&&bgPic=${product.url}" target="_blank">
											<img alt="" src="<%=basePath%>images/png/400300.png" width="250px" height="200px"> </a>
									</td>
								</tr>
								<tr>
									<td width="250px;" colspan="2" style="text-align:center;">
										<a
											href="${product.id}.shtml" target="_blank">
											<font style="font-size:14px;font-family:'微软雅黑';">${product.name}</font></a>
									</td>
								</tr>
								<tr style="color:#333;font-size:14px;font-family:'微软雅黑';text-align:center;">
									<td >
										<img title="点击量" width="15px" src="<%=basePath%>images/png/click.png">&nbsp;&nbsp;${product.clickCount}
									</td>
									<td>
									<img title="订购量" width="15px" src="<%=basePath%>images/png/sellCount.png">&nbsp;&nbsp;${product.sellCount}
									</td>
								</tr>
							</table>
						</div>
					</li>
				</c:forEach>
			</ul>
		</div>
		<div style="clear: both;">
			<a href="${designer!=null?'ShowMyCustom':'register.jsp' }"><img alt="" src="img/defaultPic.png">
			</a>
		</div>
		<jsp:include page="bottom.jsp"></jsp:include>
	</body>
</html>
